<html> <head> <title>数据显示表格 </title> 
<style>  
body{ text-align:center; font-family:Verdana,Helvetica,sans-serif; }
 .datatable{ border:1px solid #d6dde6; border-collapse:collapse; } 
 .datatable td{ border:1px solid #d6dde6; text-align:right; padding:4px; } 
 .datatable th{ border:1px solid #828282; background:#bcbcbc; font-weight:bold; text-align:left; padding:4px; } 
 .datatable caption{ font:bold 1.9em "Times New Roman",Times,serif; background:#b0c4de; color:333517; border:1px solid #78a367; }
 .datatable tr:hover, .datatable .highlight{ background:#ffff00; } 
 .altrow{ background:#eefeef; color:#000000; }
  </style> 
  <script language="javascript"> 
  onload=function()
  { var rows=document.getElementsByTagName("tr"); for(var i=1;i <rows.length;i++)
  { rows[i].index=i 
  rows[i].className=(i%2==0)?"":"altrow" 
  rows[i].onmouseover=function(){ this.className="highlight"; } 
  rows[i].onmouseout=function(){ this.className=this.index%2==0?"":"altrow"; } } }</script> </head> <body> <table width="490" class=datatable> <caption>css测试报表 </caption> <tr> <th scope=col>2000年 </th> <th scope=col>2001年 </th> <th scope=col>2002年 </th> </tr> <tr> <td>778888 </td><td>4888</td><td>3333 </td> </tr> <tr> <td>2222 </td><td>3333 </td><td>4499 </td></tr> <tr> <td>2222 </td><td>3333 </td><td>4477</td></tr> <tr> <td>2222 </td><td>3333 </td><td>3344 </td></tr> <tr> <td>2222 </td><td>3333 </td><td>1314 </td></tr> </table> </body> </html> 